@import './modules/header.scss';
@import './modules/footer.scss';
@import './modules/base.scss';

.account-page {
    
    height: 690px;
    margin: 40px 119px;
    letter-spacing: 3px;
    .account {
        width: 768px;
        .login-header {
            h3 {
                
            font-size: 21px;
            height: 37px;
            margin: 4px 0 0;
            padding-left: 16px;
            border-bottom: 2px solid #444444;
            }
            div {
                font-size: 14px;
                height: 50px;
                line-height: 50px;
                padding-left: 16px;
                border-bottom: 1px solid #532a17d3;
                background-color: #e7cca2;
            }
        }
        .login-form {
            display: flex;
            justify-content: space-between;
            h2 {
                width: 363px;
                font-size: 14px;
                height: 50px;
                line-height: 50px;
                padding-left: 16px;
                margin-bottom: 10px;
                border-bottom: 1px solid #999999;
                box-sizing: border-box;
            }
            form {
                font-size: 14px;
                padding-left: 20px;
                label {
                    margin-bottom: 20px;
                    input {
                        width: 343px;
                        height: 42px;
                        margin-bottom: 20px;
                        padding-left: 16px;
                        box-sizing: border-box;
                        border-collapse:collapse;
                        outline-color: orangered;
                        
                    }
                }
               
                .register{
                    color: #fff;
                    background: black;
                    margin: 0px auto;
                    width: 200px;
                    height: 40px;
                    text-align: center;
                    margin-bottom: 30px;
                    padding-top: 24px;
                }
                .select-box {
                    margin-bottom: 20px;
                    display: flex;
                    flex: 25%;
                    select {
                        display: block;
                        height: 42px;
                        margin-right: 2px;
                        // margin-bottom: 20px;
                }
                
                }
                .login{
                    color: #fff;
                    background: black;
                    margin: 0px auto;
                    width: 200px;
                    height: 40px;
                    text-align: center;
                    margin-bottom: 30px;
                    padding-top: 24px;
                }
                
            }            
        }
    }
}